<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>

		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="x-ua-compatible" content="ie=7" />
		<link href="/templets/html/shop/css/goods_detail.css" rel="stylesheet" />
		<link href="/js/thickbox/thickbox.css" rel="stylesheet" />
		<link href="/templets/html/shop/css/style.css" rel="stylesheet" />
		<link href="/templets/html/shop/css/prolistnew.css" rel="stylesheet" type="text/css">
		<link  href="/templets/html/shop/css/Home.css" rel="stylesheet"/>
		<script src="/templets/html/shop/js/jquery.js" type="text/javascript"></script>
		<script src="/templets/html/shop/js/CJL.0.1.min.js"></script>
		
		<SCRIPT src="/templets/html/shop/js/taobao.js"></SCRIPT>
		<SCRIPT src="/templets/html/shop/js/nav_style_num.js"></SCRIPT>

		<script type="text/javascript" src="/templets/html/shop/js/goodsdetail.js"></script>
		<script type="text/javascript" src="/templets/html/shop/js/boxover.js"></script>

		<SCRIPT src="/js/thickbox/thickbox.js"></SCRIPT>
		<script type='text/javascript' src='/dwr/engine.js'></script>
		<script type='text/javascript' src='/dwr/util.js'></script>
		<script type='text/javascript' src='/dwr/interface/Ti_subscribeInfo.js'></script> 
		<script type='text/javascript' src='/templets/html/shop/js/_shop.js'></script>
		<style type="text/css">
		<!--
		body { /*
		            首先不支持绝对路径，只支持相对路径。
		            其次，是相对于当前ASPX网页的相对路径，和CSS文件的位置无关。 
		            */
			behavior: url(js/hover.htc); /*可在IE6,7中对非<a>元素使用hover等伪类*/
		}
		.pop{position:absolute;left:40%;top:40%;width:300px;height:200px;background:#eee;border:1px solid #ccc}
		.pop_head{position:relative;height:20px;background:#ccc}
		.pop_head a{position:absolute;right:8px;line-height:20px;color:#000;text-decoration:none}
		.pop_head a:hover{color:#f60;text-decoration:none}
		.pop_body{padding:8px}
		.izViewer2 {
			width: 250px;
			height: 290px;
			position: absolute;
			left: 522px;
			top: 360px;
			display: none;
			border: 1px solid #000;
		}
		
		.handle2 {
			display: none;
			opacity: 0.6;
			filter: alpha(opacity = 60);
			background: #E6EAF3;
			cursor: crosshair;
		}
		
		.col_b {
			width: 100px;
			height: 55px;
			border: 1px solid #b1b5b4;
			float: left;
			margin-right: 5px;
		}
		
		.col_b_i {
			float: left;
			font-weight: normal;
			width: 32px;
			height: 53px;
			padding: 1px;
			padding-left: 15px;
		}
		
		.col_b_t {
			float: right;
			font-size: 12px;
			color: #5f5f5f;
			font-weight: normal;
			padding-top: 6px;
			padding-right: 6px;
		}
		
		.col_b2 {
			width: 100px;
			height: 53px;
			border: 2px solid #496281;
			float: left;
			margin-right: 5px;
		}
		
		.clear {
			clear: both;
		}
		-->
		</style>
		<script type="text/javascript">
			
			function loginSkip(){
				alert("您还没有登录,请先登录.");
				window.location.href='/shop_signin.html?'+location.href
			}
			
			$(function(){
				$(".tabb").each(function(index){
					if(index!=0){
						$(this).css("display","none");
					}
				});
				$(".xx_nav_ul").children().click(function(){
					if($(this).attr("class")!="xx_nav_li"){
						$(this).attr("class","xx_nav_li");
					}
					$(".xx_nav_ul").children().not(this).each(function(){
						$(this).attr("class","xx_nav_li1");
					});
					var id = $(this).attr("id");
					var i = id.replace("denav","");
		
					var current = $("#tabb"+i);
					current.css("display","block");
					$(".tabb").not(current).each(function(index){	
						$(this).css("display","none");
					});			
				});
				$("#buy_num").keyup(function(){
						var kc = $("#kc").html();			
						if(!(/^[1-9][0-9]*$/.test($(this).val()))||(parseInt($(this).val()) > parseInt(kc))){
							$(this).val(1);
						}
				});
			})
		</script>
		<script>
var ImageZoom=function(image,viewer,options){this._initialize(image,viewer,options);this._initLoad();};ImageZoom.prototype={_initialize:function(image,viewer,options){this._image=$$(image);this._zoom=document.createElement("img");this._viewer=$$(viewer);this._viewerWidth=0;this._viewerHeight=0;this._preload=new Image();this._rect=null;this._repairLeft=0;this._repairTop=0;this._rangeWidth=0;this._rangeHeight=0;this._timer=null;this._loaded=false;this._substitute=false;var opt=this._setOptions(options);this._scale=opt.scale;this._max=opt.max;this._min=opt.min;this._originPic=opt.originPic;this._zoomPic=opt.zoomPic;this._rangeWidth=opt.rangeWidth;this._rangeHeight=opt.rangeHeight;this.delay=opt.delay;this.autoHide=opt.autoHide;this.mouse=opt.mouse;this.rate=opt.rate;this.onLoad=opt.onLoad;this.onStart=opt.onStart;this.onMove=opt.onMove;this.onEnd=opt.onEnd;var oThis=this,END=function(){oThis._end();};this._END=function(){oThis._timer=setTimeout(END,oThis.delay);};this._START=$$F.bindAsEventListener(this._start,this);this._MOVE=$$F.bindAsEventListener(this._move,this);this._MOUSE=$$F.bindAsEventListener(this._mouse,this);this._OUT=$$F.bindAsEventListener(function(e){if(!e.relatedTarget)this._END();},this);$$CE.fireEvent(this,"init");},_setOptions:function(options){this.options={scale:0,max:10,min:1.5,originPic:"",zoomPic:"",rangeWidth:0,rangeHeight:0,delay:20,autoHide:true,mouse:false,rate:.2,onLoad:$$.emptyFunction,onStart:$$.emptyFunction,onMove:$$.emptyFunction,onEnd:$$.emptyFunction};return $$.extend(this.options,options||{});},_initLoad:function(){var image=this._image,originPic=this._originPic,useOrigin=!this._zoomPic&&this._scale,loadImage=$$F.bind(useOrigin?this._loadOriginImage:this._loadImage,this);this.autoHide&&this._hide();if(originPic&&originPic!=image.src){image.onload=loadImage;image.src=originPic;}else if(image.src){if(!image.complete){image.onload=loadImage;}else{loadImage();}}else{return;}
if(!useOrigin){var preload=this._preload,zoomPic=this._zoomPic||image.src,loadPreload=$$F.bind(this._loadPreload,this);if(zoomPic!=preload.src){preload.onload=loadPreload;preload.src=zoomPic;}else{if(!preload.complete){preload.onload=loadPreload;}else{this._loadPreload();}}}},_loadOriginImage:function(){this._image.onload=null;this._zoom.src=this._image.src;this._initLoaded();},_loadImage:function(){this._image.onload=null;if(this._loaded){this._initLoaded();}else{this._loaded=true;if(this._scale){this._substitute=true;this._zoom.src=this._image.src;this._initLoaded();}}},_loadPreload:function(){this._preload.onload=null;this._zoom.src=this._preload.src;if(this._loaded){if(!this._substitute){this._initLoaded();}}else{this._loaded=true;}},_initLoaded:function(src){this._initSize();this._initViewer();this._initData();$$CE.fireEvent(this,"load");this.onLoad();this.start();},_initSize:function(){var zoom=this._zoom,image=this._image,scale=this._scale;if(!scale){scale=this._preload.width/image.width;}
this._scale=scale=Math.min(Math.max(this._min,scale),this._max);zoom.width=Math.ceil(image.width*scale);zoom.height=Math.ceil(image.height*scale);},_initViewer:function(){var zoom=this._zoom,viewer=this._viewer;var styles={padding:0,overflow:"hidden"},p=$$D.getStyle(viewer,"position");if(p!="relative"&&p!="absolute"){styles.position="relative";};$$D.setStyle(viewer,styles);zoom.style.position="absolute";if(!$$D.contains(viewer,zoom)){viewer.appendChild(zoom);}},_initData:function(){var zoom=this._zoom,image=this._image,viewer=this._viewer,scale=this._scale,rangeWidth=this._rangeWidth,rangeHeight=this._rangeHeight;this._rect=$$D.rect(image);this._repairLeft=image.clientLeft+parseInt($$D.getStyle(image,"padding-left"));this._repairTop=image.clientTop+parseInt($$D.getStyle(image,"padding-top"));if(rangeWidth>0&&rangeHeight>0){rangeWidth=Math.ceil(rangeWidth);rangeHeight=Math.ceil(rangeHeight);this._viewerWidth=Math.ceil(rangeWidth*scale);this._viewerHeight=Math.ceil(rangeHeight*scale);$$D.setStyle(viewer,{width:this._viewerWidth+"px",height:this._viewerHeight+"px"});}else{var styles;if(!viewer.clientWidth){var style=viewer.style;styles={display:style.display,position:style.position,visibility:style.visibility};$$D.setStyle(viewer,{display:"block",position:"absolute",visibility:"hidden"});}
this._viewerWidth=viewer.clientWidth;this._viewerHeight=viewer.clientHeight;if(styles){$$D.setStyle(viewer,styles);}
rangeWidth=Math.ceil(this._viewerWidth/scale);rangeHeight=Math.ceil(this._viewerHeight/scale);}
this._rangeWidth=rangeWidth;this._rangeHeight=rangeHeight;},_start:function(){clearTimeout(this._timer);var viewer=this._viewer,image=this._image,scale=this._scale;viewer.style.display="block";$$CE.fireEvent(this,"start");this.onStart();$$E.removeEvent(image,"mouseover",this._START);$$E.removeEvent(image,"mousemove",this._START);$$E.addEvent(document,"mousemove",this._MOVE);$$E.addEvent(document,"mouseout",this._OUT);this.mouse&&$$E.addEvent(document,$$B.firefox?"DOMMouseScroll":"mousewheel",this._MOUSE);},_move:function(e){clearTimeout(this._timer);var x=e.pageX,y=e.pageY,rect=this._rect;if(x<rect.left||x>rect.right||y<rect.top||y>rect.bottom){this._END();}else{var pos={},scale=this._scale,zoom=this._zoom,viewerWidth=this._viewerWidth,viewerHeight=this._viewerHeight;pos.left=viewerWidth/2-(x-rect.left-this._repairLeft)*scale;pos.top=viewerHeight/2-(y-rect.top-this._repairTop)*scale;$$CE.fireEvent(this,"repair",e,pos);x=Math.ceil(Math.min(Math.max(pos.left,viewerWidth-zoom.width),0));y=Math.ceil(Math.min(Math.max(pos.top,viewerHeight-zoom.height),0));zoom.style.left=x+"px";zoom.style.top=y+"px";$$CE.fireEvent(this,"move",e,x,y);this.onMove();}},_end:function(){$$CE.fireEvent(this,"end");this.onEnd();this.autoHide&&this._hide();this.stop();this.start();},_hide:function(){this._viewer.style.display="none";},_mouse:function(e){this._scale+=(e.wheelDelta?e.wheelDelta/(-120):(e.detail||0)/3)*this.rate;var opt=this.options;this._rangeWidth=opt.rangeWidth;this._rangeHeight=opt.rangeHeight;this._initSize();this._initData();this._move(e);e.preventDefault();},start:function(){if(this._viewerWidth&&this._viewerHeight){var image=this._image,START=this._START;$$E.addEvent(image,"mouseover",START);$$E.addEvent(image,"mousemove",START);}},stop:function(){clearTimeout(this._timer);$$E.removeEvent(this._image,"mouseover",this._START);$$E.removeEvent(this._image,"mousemove",this._START);$$E.removeEvent(document,"mousemove",this._MOVE);$$E.removeEvent(document,"mouseout",this._OUT);$$E.removeEvent(document,$$B.firefox?"DOMMouseScroll":"mousewheel",this._MOUSE);},reset:function(options){this.stop();var viewer=this._viewer,zoom=this._zoom;if($$D.contains(viewer,zoom)){viewer.removeChild(zoom);}
var opt=$$.extend(this.options,options||{});this._scale=opt.scale;this._max=opt.max;this._min=opt.min;this._originPic=opt.originPic;this._zoomPic=opt.zoomPic;this._rangeWidth=opt.rangeWidth;this._rangeHeight=opt.rangeHeight;this._loaded=this._substitute=false;this._rect=null;this._repairLeft=this._repairTop=this._viewerWidth=this._viewerHeight=0;this._initLoad();},dispose:function(){$$CE.fireEvent(this,"dispose");this.stop();if($$D.contains(this._viewer,this._zoom)){this._viewer.removeChild(this._zoom);}
this._image.onload=this._preload.onload=this._image=this._preload=this._zoom=this._viewer=this.onLoad=this.onStart=this.onMove=this.onEnd=this._START=this._MOVE=this._END=this._OUT=null}}
ImageZoom._MODE={"handle":{options:{handle:""},methods:{init:function(){var handle=$$(this.options.handle);if(!handle){var body=document.body;handle=body.insertBefore(this._viewer.cloneNode(false),body.childNodes[0]);handle.id="";handle["_createbyhandle"]=true;}else{var style=handle.style;this._stylesHandle={left:style.left,top:style.top,position:style.position,display:style.display,visibility:style.visibility,padding:style.padding,margin:style.margin,width:style.width,height:style.height};}
$$D.setStyle(handle,{padding:0,margin:0,display:"none"});this._handle=handle;this._repairHandleLeft=0;this._repairHandleTop=0;},load:function(){var handle=this._handle,rect=this._rect;$$D.setStyle(handle,{position:"absolute",width:this._rangeWidth+"px",height:this._rangeHeight+"px",display:"block",visibility:"hidden"});this._repairHandleLeft=rect.left+this._repairLeft-handle.clientLeft;this._repairHandleTop=rect.top+this._repairTop-handle.clientTop;if(!/BODY|HTML/.test(handle.offsetParent.nodeName)){var parent=handle.offsetParent,rect=$$D.rect(parent);this._repairHandleLeft-=rect.left+parent.clientLeft;this._repairHandleTop-=rect.top+parent.clientTop;}
$$D.setStyle(handle,{display:"none",visibility:"visible"});},start:function(){this._handle.style.display="block";},move:function(e,x,y){var style=this._handle.style,scale=this._scale;style.left=Math.ceil(this._repairHandleLeft-x/scale)+"px";style.top=Math.ceil(this._repairHandleTop-y/scale)+"px";},end:function(){this._handle.style.display="none";},dispose:function(){if("_createbyhandle"in this._handle){document.body.removeChild(this._handle);}else{$$D.setStyle(this._handle,this._stylesHandle);}
this._handle=null;}}}}
ImageZoom.prototype._initialize=(function(){var init=ImageZoom.prototype._initialize,mode=ImageZoom._MODE,modes={"follow":[mode.follow],"handle":[mode.handle],"cropper":[mode.cropper],"handle-cropper":[mode.handle,mode.cropper]};return function(){var options=arguments[2];if(options&&options.mode&&modes[options.mode]){$$A.forEach(modes[options.mode],function(mode){$$.extend(options,mode.options,false);$$A.forEach(mode.methods,function(method,name){$$CE.addEvent(this,name,method);},this);},this);}
init.apply(this,arguments);}})();
		</script>
		<title>{zlcms:articleField name="title"/}</title>
	</head>

	<body onload="setGoodsImg(1);">
	<script>
		document.write("<s"+"cript type='text/javascript' src='/templets/html/shop/jsp/getSessUserId.jsp?"+Math.random()+"'></scr"+"ipt>");
	</script>
	<script>
		  var s_user_id = document.getElementById('s_user_id').value;
		  var url = location.href;
		  if(s_user_id!='' && url.indexOf('type') > -1)
		  {
			  
			   var goto_url = url.substring(url.indexOf('#')+1);
			   location.href='/templets/html/shop/jsp/shopingServices.jsp?'+goto_url;
		   }
		</script>
		<script>
			document.write("<s" + "cript type='text/javascript' src='/templets/html/shop/top.jsp?" + Math.random() + "'></scr" + "ipt>");
			TB.Header.init(); 
		</script>
		<style type="text/css">
		*{font-family:Verdana, Geneva, sans-serif;}
		a{color:#039}
		a:hover{color:#f60}
		.main_list{ width:1003px; margin:0 auto; padding:0;}
		</style>
		<div id="contaner">
			<DIV class="cont_t">
				<DIV class="cont_t_l">
					<ul>
						<li>
							<a href="javascript:showUp();" id="upHref"><img id="upImg"
									src="/templets/html/shop/images/cont_l_t.jpg" />
							</a>
						</li>
	
						{zlcms:articleattachlist row="10" attach_root_id="{zlcms:articleField name="info_id"/}"  file_type="3"}
						<li>
							<img src="[field:file_path/]"
								onmouseover="setGoodsImg([field:num/])" style="max-width:61px;max-height:76px"
								id="goodsimg[field:num/]" />
						</li>
						{/zlcms:articleattachlist}
	
						<li>
							<a href="javascript:showDown();" id="downHref"><img
									id="downImg"
									src="/templets/html/shop/images/cont_l_d.jpg" />
							</a>
						</li>
	
					</ul>
				</DIV>
				<div class="cont_t_c">
					<div class="goodsbigimg" id="goodsbigimgDiv"></div>
					<div id="idViewer2" class="izViewer2"></div>
				</div>
	
				<div id="idHandle3" class="handle2"></div>
				<SCRIPT>
	
			var imageTotal = 0;
			
			function getPosition(e){  
			    var t=e.offsetTop;  var l=e.offsetLeft;  
			    while(e=e.offsetParent){t+=e.offsetTop+(isIE()?e.clientTop:0);l+=e.offsetLeft+(isIE()?e.clientLeft:0);}  
			    var pos = {left:l,top:t};  
			    pos[0]=l;pos[1]=t;  
			    return pos;  
			} 
			  function setGoodsImg(num)
	    {
			
			var goods = 'goodsimg'+num;
			var exp = document.getElementById('goodsimg'+num);
			if( !exp && typeof(exp)!="undefined" )
			{
			   var img = $$("goodsbigimgDiv").appendChild(document.createElement("img"));
			   img.src = "/templets/html/images/cpwu.gif";
			}
			else
			{
				var samllsrc = exp.src;
				var bigsrc = exp.src.replace('small','big');
				var p = $("#goodsbigimgDiv").position();
				var left = p.left + $("#goodsbigimgDiv").width()+20;
				var p_top = p.top;
				var g_div_height = $("#goodsbigimgDiv").height();
				var img_top = p_top +g_div_height;
				var init_top =  p_top+ 70;
				$("#idViewer2").css({"left":left+"px","top":init_top+"px"});
				$(window).scroll(function(){
				   var scoll_top = $(document).scrollTop();
				   var top =  70+ scoll_top;
				   if(scoll_top <= p_top){top=init_top;}
				   if(top >= img_top){top =img_top;}
				   $("#idViewer2").css({"left":left+"px","top":top+"px"});
				});
				$$("goodsbigimgDiv").innerHTML='';
				var img = $$("goodsbigimgDiv").appendChild(document.createElement("img"));
				img.src = samllsrc;
				img.id ="showImg";
        //img.width = "400";
        //img.height = "460";				
				var iz = new ImageZoom("showImg", "idViewer2", {
					mode: "handle", handle: "idHandle3", scale: 2, delay: 0
				});
				
				iz.reset({ originPic: samllsrc, zoomPic: bigsrc});
			}
		}

	  
			var imgpage = 1;
			var pageNum = 5; //display image number per page
			var start = 0,end = 0;//display imgage from start to end
			showLittleImg(imgpage);
	
			function showLittleImg(num){
				start = (num-1)*pageNum +1;
				end = num*pageNum;
				for(var i=start;i<=end;i++){
					disImgShow(i,'block');
				}
				for(var i=1;i<start;i++){
					disImgShow(i,'none');
				}
				for(var i=end+1;i<=10;i++){
					var exp = document.getElementById('goodsimg'+i);
					if( !exp && typeof(exp)!="undefined" ){
						imageTotal = i;
						break;
					}else{
						document.getElementById('goodsimg'+i).style.display = 'none';
					}
				}
				imageTotal = imageTotal-1;
				checkUDimg();
			}
	
			function disImgShow(i,dis){
				var exp = document.getElementById('goodsimg'+i);
				if( !exp && typeof(exp)!="undefined" ){
				}else{
					document.getElementById('goodsimg'+i).style.display = dis;
				}
			}
	
			function showDown(){
				imgpage += 1;
				showLittleImg(imgpage);
			}
	
			function showUp(){
				imgpage -= 1;
				showLittleImg(imgpage);
			}
	
			function checkUDimg(){
				if(start==1){
					document.getElementById('upHref').href='#';
					document.getElementById('upImg').src='/templets/html/shop/images/cont_l_t.jpg';
				}else{
					document.getElementById('upHref').href='javascript:showUp();';
					//document.getElementById('upImg').src='/templets/html/shop/images/cont_l_t_s.jpg';
				}
				if(end>=imageTotal){
					document.getElementById('downHref').href='#';
					document.getElementById('downImg').src='/templets/html/shop/images/cont_l_d_s.jpg';
				}else{
					document.getElementById('downHref').href='javascript:showDown();';
				//	document.getElementById('downImg').src='/templets/html/shop/images/cont_l_d.jpg';
				}
			}
	
		  </SCRIPT>
	<script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script>
				<DIV class="cont_t_r">
				  <div class="proinfo">
					  <h1 >{zlcms:articleField name="title"/} </h1>
					    <ul class="property">
					      <li>市场价格 ： <del class="gray">{zlcms:articleField name="market_price"/} 元</del>&nbsp; <span class="gray">{zlcms:articleField name="goods_discount"/} 折</span> 节省 <span class="gray">{zlcms:articleField name="price"/} </span> 元</li>
					      <li class="fristLi"> 本站价格 ： <b class="priceRed">{zlcms:articleField name="sale_price"/}元 </b> (赠送<span class="gray">{zlcms:articleField name="send_inter"/} </span>个积分) </li>
					      <li>运　　费 ： <span class="red">
					      	<script>
									var ship='{zlcms:articleField name="ship_fare"/}';
									if(ship=='1')
									{
										document.write("免运费商品");
									}
									else
									{	
										$(document).ready(function() {
										$("#shipfee").load('/templets/html/jsp/getshipfee.jsp?goods_id={zlcms:articleField name="info_id"/}');
										});
									}
									</script><span class="red" id="shipfee">
									 
									</span>
					      	</script>
					      </span></li>
						</ul>
					</div>
				<!--首先设置一个层:-->
				<div id="pop" class="pop" style="display:none">
				 <div class="pop_head"><a href="javascript:void(0);" onclick="hide('pop')">关闭</a></div>
				 <div class="pop_body">
					 <p>消费额：{zlcms:articleField name="spending"/}元</p>
					 <p>数量满：{zlcms:articleField name="number"/}个</p>
					 <p>打折率：{zlcms:articleField name="discount"/}%</p>
					 <p>运费免多少：{zlcms:articleField name="ship_offer"/}元</p>
					 <p>礼品：{zlcms:articleField name="gift_name"/}</p>
				 </div>
				</div>
		
				
					<div class="cont_t_r_size">
						<div id="catattrCheck" class="cont_t_r_size_c">
							{zlcms:articleField name="attr_desc_check"/}
							<p style="CLEAR: both" class="number">
								<span class="cont_t_r_b_sp">数 量:</span>
								<input style="WIDTH: 60px; MARGIN-LEFT: 15px" id="buy_num"
									value=1 maxlength=8 name=buy_num class="input_pay"/>
									件 (库存<span id="kc" >{zlcms:articleField name="stock_num"/}</span>件)
							</p>
						
						</DIV>
						<input type="hidden" name="attr_desc_para" id="attr_desc_para"
							value="" />
					</DIV>
					<DIV class="gw_div" id="cartDIV">
						<ul class="gws">
	
							<li id="goumaibefore" style="display: none;">
	
								<a href="javascript:gotoLogin(1);"><img
										src="/templets/html/shop/images/gm.jpg" style="" />
								</a>
							</li>
							<li id="goumaiafter" style="display: none;">
								<a href="javascript:addCart(0);"><img
										src="/templets/html/shop/images/gm.jpg" />
								</a>
								
							</li>
	
							<li id="gouwubefore" style="display: none;">
								<a href="javascript:gotoLogin(0)"><img
										src="/templets/html/shop/images/jrgw.jpg" style="" />
								</a>
							</li>
							<li id="gouwuafter" style="display: none;">
								<a href="javascript:addCart(0,'history');"><img
										src="/templets/html/shop/images/jrgw.jpg" />
								</a>
							</li>
	
						</ul>
						<DIV class="clear"></DIV>
						<UL class="fx">
							<li>
								分享到：
							</li>
	
							<li class="kx">
								<a
									href="javascript:void((function(s,d,e){if(/xiaonei\.com/.test(d.location))return;var%20f='http://share.xiaonei.com/share/buttonshare.do?link=',u=d.location,l=d.title,p=[e(u),'&amp;title=',e(l)].join('');function%20a(){if(!window.open([f,p].join(''),'xnshare',['toolbar=0,status=0,resizable=1,width=626,height=436,left=',(s.width-626)/2,',top=',(s.height-436)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent));"
									title="转贴到校内网">校内网</a>
							</li>
							<li class="sn">
								<a title="新浪微博分享"
									href="javascript:(function(){window.open('http://v.t.sina.com.cn/share/share.php?title='+encodeURIComponent(document.title)+'&amp;url='+encodeURIComponent(location.href)+'&amp;source=bookmark','_blank','width=450,height=400');})()">新浪微博</a>
							</li>
							<li class="qq">
								<a
									href="javascript:(function(){window.open('http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url='+ encodeURIComponent(location.href)+ '&title='+encodeURIComponent(document.title),'_blank');})()"
									title="分享到QQ空间">QQ空间</a>
							</li>
							<li class="ml">
								<a title="转贴到开心网"
									href="javascript:d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(kaixin=window.open('http://www.kaixin001.com/~repaste/repaste.php?&amp;rurl='+escape(d.location.href)+'&amp;rtitle='+escape(d.title)+'&amp;rcontent='+escape(d.title),'kaixin'));kaixin.focus();">开心网</a>
							</li>
						</UL>
						<DIV class="clear"></DIV>
						<UL class="ssc">
							<li>
								<a href="javascript:copyToClipBoard();"><img
										src="/templets/html/shop/images/fx.jpg" />
								</a>
							</li>
							<li id="denglua" style="display: none;">
								<a href="javascript:userCollect();"><img
										src="/templets/html/shop/images/scc.jpg" />
								</a>
							</li>
							<!--<li id="jiarushouc" style="display:none;">-->
							<li id="jiarushouc">
								<a
									href="javascript:loginSkip();">
									<img src="/templets/html/shop/images/scc.jpg" /> </a>
							</li>
	
							<form action="/doTradeReg.do" name="colletForm" method="post">
								<input type="hidden" name="user_id" id="user_id" value="" />
								<input type="hidden" name="info_url" id="info_url"/>
								<input type="hidden" name="bpm_id" value="8834" />
								<input type="hidden" name="info_type" id="info_type" value="0" />
								<input type="hidden" name="info_id" id="info_id" value="{zlcms:articleField name='info_id'/}" />
								<input type="hidden" name="cust_id" id="cust_id" value="{zlcms:articleField name='cust_id'/}" />
								<input type="hidden" name="title" value="{zlcms:articleField name='title'/}" />
							</form>
						</UL>
					</DIV>
						<script>
									function getGoodsNumById(){
										jQuery.ajax( {
										type : "POST",
										url : "/templets/html/shop/b2cService.jsp",
										data : "info_id={zlcms:articleField name="info_id"/}",
										success : function(msg) {
											msg=msg.replace(/^\s+|\s+$/g, '');
											document.getElementById("kc").innerText=msg;
											if(parseInt(msg)<=0){
												document.getElementById("cartDIV").style.display="none";
											}
										}
									});
							}
									getGoodsNumById();
							</script>
				</DIV>
				<script>
			
			
			if(s_user_id==''){
				document.getElementById('denglua').style.display = 'none';
				document.getElementById('jiarushouc').style.display = 'block';
			}else{
				document.getElementById('denglua').style.display = 'block';
				document.getElementById('jiarushouc').style.display = 'none';
			}
			
			function gotoLogin(type)
			{
					var cust_id = '{zlcms:articleField name="cust_id"/}';
					var goods_props = document.getElementById('attr_desc_para').value;
					var goods_id = '{zlcms:articleField name="info_id"/}';
					var goodsprice = {zlcms:articleField name="sale_price"/};
					//var stock_num =  {zlcms:articleField name="stock_num"/};
					var stock_num=document.getElementById("kc").innerText;
					var buy_num = document.getElementById('buy_num').value.replace(/(^\s*)|(\s*$)/g, '');
					if(buy_num =='')
					{
					  alert('请输入购买数量！');
					  return;
					}
					if(Number(buy_num) > Number(stock_num))
					{
					  alert('购买数量不能大于库存数！');
					  return;
					}
					var para = 'cust_id='+cust_id+'&goods_props='+goods_props+'&goods_id='+goods_id+'&goodsprice='+goodsprice+'&buy_num='+buy_num+'&type='+type;
					location.href='/shop_signin.html?'+window.location.href+'#'+para;
			
			}
			
			
		  </script>
	
	
				<SCRIPT>
			   function addCart(type,skip_type){
					var cust_id = '{zlcms:articleField name="cust_id"/}';
					var goods_props = document.getElementById('attr_desc_para').value;
					var goods_id = '{zlcms:articleField name="info_id"/}';
					var goodsprice = {zlcms:articleField name="sale_price"/};
					var discount_id='{zlcms:articleField name="discount_id"/}';
					var member_level='{zlcms:articleField name="member_level"/}';
					var stock_num =  {zlcms:articleField name="stock_num"/};
					var buy_num = document.getElementById('buy_num').value.replace(/(^\s*)|(\s*$)/g, '');
					if(buy_num =='')
					{
					  alert('请输入购买数量！');
					  return;
					}
					if(Number(buy_num) > Number(stock_num))
					{
					  alert('购买数量不能大于库存数！');
					  return;
					}
					//alert($("#attr_desc_para").val());
					var skip_url = '/templets/html/shop/jsp/shopingServices.jsp?discount_id='+discount_id+'&member_level='+member_level+'&cust_id='+cust_id+'&goods_props='+encodeURI(encodeURI(goods_props))+'&goods_id='+goods_id+'&goodsprice='+goodsprice+'&buy_num='+buy_num+'&type='+type+'&operatecode=1';
					if(skip_type){
						skip_url = skip_url + "&skip_type=" + skip_type;
					}
					window.location.href = skip_url;
			   }
			   function gouwudisCheck(){
					var s_user_id = document.getElementById('s_user_id').value;
					if(s_user_id==''){
						document.getElementById('gouwubefore').style.display = 'block';
						document.getElementById('gouwuafter').style.display = 'none';
					}else{
						document.getElementById('gouwuafter').style.display = 'block';
						document.getElementById('gouwubefore').style.display = 'none';
					}
				}
				gouwudisCheck();
				function goumaidisCheck(){
					var s_user_id = document.getElementById('s_user_id').value;
					if(s_user_id==''){
						document.getElementById('goumaibefore').style.display = 'block';
						document.getElementById('goumaiafter').style.display = 'none';
					}else{
						document.getElementById('goumaiafter').style.display = 'block';
						document.getElementById('goumaibefore').style.display = 'none';
					}
				}
				goumaidisCheck();
		   </SCRIPT>
			</DIV>
			<!--cont_top结束-->
			
	
		<!--cont_d_l结束-->
		<div class="cont_box">
		<DIV class="cont_d_r">
			<DIV class="xx_nav">
				<UL class="xx_nav_ul">
					<LI id="denav1" class="xx_nav_li" onclick="showDetailNav(1)">
						商品详细
					</LI>
					<LI id="denav2" class="xx_nav_li1" onclick="showDetailNav(2)">
						评价详情
					</LI>
					<LI id="denav3" class="xx_nav_li1" onclick="showDetailNav(3)">
						成交记录
					</LI>
					<LI id="denav4" class="xx_nav_li1" onclick="showDetailNav(4)">
						同类商品
					</LI>
					<LI id="denav5" class="xx_nav_li1" onclick="showDetailNav(5)">
						推荐配件
					</LI>
				</UL>
			</DIV>

	

			<!--<DIV class="xx_cont">
				<A name="navdis1"></A>
			</DIV> -->
			<!--详细结束-->
			<div class="tabb" id="tabb1">
					<div class="desc_text_02">
						<div class="wz">
							{zlcms:articleField name="goods_desc"/}
						</div>
					</div>
			</div>

			<div class="tabb" id="tabb2">
				<DIV class="cont_right_nav">
					<b style="float: left"><a name="navdis2">评价详情</a>
					</b>
					<span id="commentBefore"
						style="float: right; padding-right: 25px; background: url(/templets/html/shop/images/nav_h.jpg) no-repeat center center; color: #935984; font-size: 14px;">
						<a
						href="javascript:location.href='/shop_signin.html?'+location.href">我要评论</a>
					</span>
					<span id="commentAfter"
						style="float: right; padding-right: 25px; background: url(/templets/html/shop/images/nav_h.jpg) no-repeat center center; color: #935984; font-size: 14px;">
						<a
						href='/templets/html/shop/jsp/goodsComment.jsp?height=250&width=400&modal=true&goods_id={zlcms:articleField name="info_id"/}'
						title='评价' class='thickbox'>我要评论</a> </span>
					<div class="clear"></div>
				</DIV>
				<div id="divpj"
					style="width: 789px; height: auto;border-bottom: #d6d6d6 1px solid; border-left: #d6d6d6 1px solid;   height: auto; border-top: #d6d6d6 1px solid; border-right: #d6d6d6 1px solid;">



					<div class="com_desc" id="spmsDiv">
						<div class="com_desc_l">
							<P class="com_p">
								商品与描述相符
							</P>
							<P class="com_p1">
								

					<script>
						var avglevel = '{zlcms:articleField name="avg_level"/}';
						var com_num='{zlcms:articleField name="com_num"/}';
						if(avglevel==""){
							avglevel="0";
						}
						if(com_num==""){
							com_num="0";
						}
						document.write("<span id='avglevelsp' class='com_sp'>"+avglevel+"</span>分");
						document.write("<div id='qydiv'>");
						for(var i=0;i<avglevel;i++){
							document.write('<img src="/templets/html/shop/images/qy_xx1.jpg" />');
						}
						document.write("</div>");
				  </script>

							</P>
							<P class="com_p1">
								(共打分
								<script>
									document.write("<span id='com_numsp' style='color: #FF6600'>"+com_num+"</span>");
								</script>
								次)
							</P>
						</div>
						<div class="com_desc_r">
					<script>
						var mleft = 55 + (parseInt(avglevel)-1)*80;
						document.write('<div id="avgleveldiv" class="com_desc_r_t" style="margin-left:'+mleft+'px">'+avglevel+'</div>');
					  </script>
					  
					
							<div class="com_desc_r_c">
								<img src="/templets/html/shop/images/points_2.jpg" />
							</div>
							<div class="com_desc_r_d">
								<ul>
									<li>
										<p>
											1分
										</p>
										<p>
											非常不满
										</p>
									</li>
									<li>
										<p>
											2分
										</p>
										<p>
											不满意
										</p>
									</li>
									<li>
										<p>
											3分
										</p>
										<p>
											一般
										</p>
									</li>
									<li>
										<p>
											4分
										</p>
										<p>
											满意
										</p>
									</li>
									<li>
										<p>
											5分
										</p>
										<p>
											非常满意
										</p>
									</li>
								</ul>
							</div>
						</div>
					</div>


					<div class="comment">

					     <script type="text/javascript">
					             document.write("<s" + "cript type='text/javascript' src='/templets/html/shop/jsp/goodsComment.jsp?show=div2&goods_id={zlcms:articleField name="info_id"/}'></scr" + "ipt>"); 
					      </script>
					</div>

  <script>
					  		function setCommentNum(){
					  			
								jQuery.ajax( {
									type: 'POST',
									url: '/templets/html/shop/jsp/updateGoodsCount.jsp',
									data: 'info_id={zlcms:articleField name="info_id"/}',
									success: function(msg){
										if(msg!=''){
											var str=msg.split(",");
											var mleft = 55 + (parseInt(str[0])-1)*80;
											document.getElementById("avgleveldiv").innerHTML=str[0];
											document.getElementById("avglevelsp").innerHTML=str[0];
											document.getElementById("com_numsp").innerHTML=str[1];
											document.getElementById("qydiv").innerHTML="";
											var pstr="";
											for(var i=0;i<parseInt(str[0]);i++){
												pstr +='<img src="/templets/html/shop/images/qy_xx1.jpg" />';
											}
											document.getElementById("qydiv").innerHTML=pstr;
										}
									}
								});
							}
							setCommentNum();
					  </script>
					<script>
			function goodsComment(){
				var s_user_id = document.getElementById('s_user_id').value;
				if(s_user_id==''){
					document.getElementById('commentBefore').style.display = 'block';
					document.getElementById('commentAfter').style.display = 'none';
				}else{
					document.getElementById('commentAfter').style.display = 'block';
					document.getElementById('commentBefore').style.display = 'none';
				}
			}
			goodsComment();
	     </script>
				</div>

			</div>


			<div class="tabb" id="tabb3">
				<DIV class="cont_right_nav">
					<P>
						<A name=navdis3>成功交易</A>
					</P>
				</DIV>
				<DIV
					style="BORDER-BOTTOM: #d6d6d6 1px solid; BORDER-LEFT: #d6d6d6 1px solid; WIDTH: 789px; HEIGHT: auto; BORDER-TOP: #d6d6d6 1px solid; BORDER-RIGHT: #d6d6d6 1px solid"
					id="divcg">
					<DIV class="mj">
						<UL class="mj_ul">
							<LI class="mj_li">
								买家
							</LI>
							<LI class="mj_li1">
								商品属性
							</LI>
							<LI class="mj_li2">
								出价
							</LI>
							<LI class="mj_li3">
								购买数量
							</LI>
							<LI class="mj_li4">
								交易时间
							</LI>
							<LI class="mj_li5">
								状态
							</LI>
						</UL>
					</DIV>
					<DIV class="clear"></DIV>
					{zlcms:articleorderlist goods_id="{zlcms:articleField
					name="info_id"/}" row="10" datelen="19"}

					<div class="mj_cont_1" id="cgjy">
						<ul class="mj_ul1">
							<li class="mj_li">
								<span>[field:user_name/]</span>
							</li>
							<li class="mj_li1">
								<p class="mj_p2">
									&nbsp;[field:goods_attr/]
								</p>
							</li>
							<li class="mj_li2">
								￥[field:shop_price/]
							</li>
							<li class="mj_li3">
								[field:goods_num/]
							</li>
							<li class="mj_li4">
								[field:in_date/]
							</li>
							<li class="mj_li5">
								成交
							</li>

						</ul>
					</div>
					<div class="clear"></div>

					{/zlcms:articleorderlist}
					<DIV class="clear"></DIV>
				</DIV>
			</div>

			<div class="tabb" id="tabb4">
				<DIV class="cont_right_nav">
					<P>
						<A name=navdis4>同类商品</A>
					</P>
				</DIV>
				<DIV id=tlcp class="content_cont_t">
					{zlcms:fitgoodslist row="4" titlelen="10" datelen="10"
					linkgoods="{zlcms:articleField name="link_goods"/}"
					orderby="publish_date"}

					<div class="content_cont_t_pic" id="content_cont_t_pic1">
						<a href="/data/goods/[field:in_date/]/[field:info_id/].html"><img src="[field:imgurl/]"
								width="173" height="212" />
						</a>
						<p>
							<a href="/data/goods/[field:in_date/]/[field:info_id/].html">[field:title/]</a>
						</p>
						<p>
							<span class="content_cont_t_sp1">￥[field:sale_price/]</span>
							<span class="content_cont_t_sp2">￥[field:market_price/]</span>
						</p>
					</div>

					{/zlcms:fitgoodslist}
				</DIV>
			</div>


			<div class="tabb" id="tabb5">
				<DIV class="cont_right_nav">
					<P>
						<A name=navdis5>推荐搭配</A>
					</P>
				</DIV>
				<DIV id=tlcp2 class="content_cont_t">
					{zlcms:fitgoodslist titlelen="10" linkfit="{zlcms:articleField name="link_fit"/}" orderby="publish_date" datelen="10"}

					<div class="content_cont_t_pic" id="content_cont_t_pic2">
						<a href="/data/goods/[field:in_date/]/[field:info_id/].html"><img src="[field:imgurl/]"
								width="173" height="212" />
						</a>
						<p>
							<a href="/data/goods/[field:in_date/]/[field:info_id/].html">[field:title/]</a>
						</p>
						<p>
							<span class="content_cont_t_sp1">￥[field:sale_price/]</span>
							<span class="content_cont_t_sp2">￥[field:market_price/]</span>
						</p>
					</div>

					{/zlcms:fitgoodslist}
				</DIV>
			</div>
		<script>
			function showDetailNav(num){
				for(var i=1;i<=5;i++){
					if(i==num){
						document.getElementById('denav'+i).className = 'xx_nav_li';
						document.getElementById('tabb'+i).style.display="";
					}else{
						document.getElementById('denav'+i).className = 'xx_nav_li1';
						document.getElementById('tabb'+i).style.display="none";
					}
				}
				//window.location.href='#navdis'+num;
			}
			
			showDetailNav(1);
		</script>

			<DIV id="divpjs">
			
			</DIV>
		</DIV>
			<DIV class="cont_d">
				<DIV class="cont_d_l">
					<!--   热销排行开始-->
					<DIV class="hot_lists">
						<DIV class="cont_d_l_nav">
							<P>
								雷鸣商城给您推荐
							</P>
						</DIV>
						{zlcms:goodslist orderby="stock_out" state_code="h" row="5" titlelen="16"}
	
						<div class="hot_cont">
							<div class="hot_cont_l">
								<a href="[field:goodsurl/]"><img src="[field:imgurl/]"
										width="64" height="59" border="0" />
								</a>
							</div>
							<div class="hot_cont_r">
								<p>
									<a href="[field:goodsurl/]">[field:goods_name/]</a>
								</p>
								<p class="price">
									￥[field:sale_price/]
								</p>
							</div>
						</div>
	
						{/zlcms:goodslist}
	
						<DIV class="clear"></DIV>
					</DIV>
					<!--   热销排行结束-->
					<!--   最近浏览的商品开始-->
					<DIV class="browse_list">
						<script
							src="/templets/html/shop/jsp/soonBrowsGoods.jsp?goods_id={zlcms:articleField name="info_id"/}"></script>
						<div class="clear"></div>
					</DIV>
	
					<DIV class="clear"></DIV>
				</DIV>
				<!--   最近浏览的商品结束-->
				<DIV class="cont_d_l_pic">
					{zlcms:avdlist row="1" imgwidth="184" imgheight="215" titlelen="7"
					pos_id="S3M3855602uWcY3"}
					<a href="[field:adv_url/]" target="_blank"> <img
							src="[field:imgurl/]" width="184" height="215"
							title="[field:title/]" />
					</a> {/zlcms:avdlist}
				</DIV>
				<div class="cont_d_l_pic">
					{zlcms:avdlist row="1" imgwidth="184" imgheight="215" titlelen="18"
					pos_id="S3M3855602uWcY3"}
					<a href="[field:adv_url/]" target="_blank"> <img
							src="[field:imgurl/]" width="184" height="215"
							title="[field:title/]" />
					</a> {/zlcms:avdlist}
				</div>
			</DIV>
		</div>
				<!--footer begin-->
		 {zlcms:include file="/templets/html/shop/footer.html"/}
		<!--footer over-->
			</div>

	</body>
	
<script type="text/javascript">

function show(o){
 var o = document.getElementById(o);
 o.style.display = "";
}
function hide(o){
 var o = document.getElementById(o);
 o.style.display = "none";
}
</script>
	
<script language="javascript">	
	setOfferType();
	function setOfferType(){
		var offer_type = "{zlcms:articleField name="offer_type"/}";
		if(offer_type!=""&&offer_type!=null){
			var array=new Array("购物送礼","满额打折","满量打折","运费优惠","满额赠送","买几送几");
			document.getElementById("offer_type").innerText=array[parseInt(offer_type)-1];
		}
		
}
function showDiscount(){
	var isShow=document.getElementById("disinfo").style.display;
	if(isShow=="none"){
		document.getElementById("disinfo").style.display="block";
	}else{
		document.getElementById("disinfo").style.display="none";
	}
}
</script>
</html>
<script language="javascript">
function ResizeImages(){		
	var myimg,oldwidth;
	var maxwidth=690;   
	for(i=0;i<document.images.length;i++){   
		myimg = document.images[i]; 
        if(myimg.id !="showImg"){		
		  if(myimg.width > maxwidth){        
			oldwidth = myimg.width;      
			myimg.width = maxwidth;      
			myimg.height = myimg.height * (maxwidth/oldwidth);     
		  }
       }		
	}
}
ResizeImages(); 

</script>